<template name="visitorTranscript">
	<div class="content">
		<form autocomplete="off">
			<fieldset>
				<div class="rc-input rc-form-group rc-form-group--small">
					<label class="rc-input__label">
						<div class="rc-input__title">{{_ "Visitor_Email"}}</div>
						<div class="rc-input__wrapper">
							<div class="rc-input__icon">
								{{> icon icon='mail' }}
							</div>
							<input class="rc-input__element" type="text" name="email" autocomplete="off" value="{{email}}" disabled>
						</div>
					</label>
				</div>
				<div class="rc-input rc-form-group rc-form-group--small">
					<label class="rc-input__label">
						<div class="rc-input__title">{{_ "Subject"}}</div>
						<div class="rc-input__wrapper">
							<div class="rc-input__icon">
								{{> icon block="rc-input__icon-svg rc-icon--default-size" icon="edit"}}
							</div>
							<input class="rc-input__element" type="text" name="subject" autocomplete="off" value="{{subject}}" disabled="{{transcriptRequested}}"/>
						</div>
					</label>
				</div>
			</fieldset>
		</form>
		{{#if errorMessage}}
			<div class="mail-messages__instructions mail-messages__instructions--warning">
				<div class="mail-messages__instructions-wrapper">
					<div class="mail-messages__instructions-text">{{errorMessage}}</div>
				</div>
			</div>
		{{/if}}
		{{#if infoMessage}}
			<div class="mail-messages__instructions mail-messages__instructions--selected">
				<div class="mail-messages__instructions-wrapper">
					<div class="mail-messages__instructions-text">{{infoMessage}}</div>
				</div>
			</div>
		{{/if}}
		<div class="rc-user-info__flex rc-user-info__row">
			<button class='rc-button cancel'><span>{{_ "Cancel"}}</span></button>
			{{#if roomOpen}}
				{{#if transcriptRequested}}
					<button class='rc-button rc-button--cancel discard' type="button"><span>{{_ "Discard"}}</span></button>
				{{else}}
					<button class='rc-button rc-button--primary request'><span>{{_ "Request"}}</span></button>
				{{/if}}
			{{else}}
				<button class='rc-button rc-button--primary send'><span>{{_ "Send"}}</span></button>
			{{/if}}
		</div>
	</div>
</template>
